<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <link rel="icon" href="./favicon.ico">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Vite App</title>
  <style>
    #loader-wrapper {
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 100;
      background-color: rgba(0, 0, 0, 0);
    }

    #loader {
      position: relative;
      top: 40%;
      left: 50%;
      width: 260px;
      height: 32px;
      border-radius: 32px;
      transform: translate(-50%, -50%);
      background: linear-gradient(orange 0 0) 0/0% no-repeat #ddd;
      animation: loader-keyframe 2s infinite linear;
    }

    @keyframes loader-keyframe {
      100% {
        background-size: 100%;
      }
    }
  </style>
  <script type="module" crossorigin src="./assets/index-2vmGFNX7.js"></script>
  <link rel="stylesheet" crossorigin href="./assets/index-B_UPm2Zc.css">
</head>

<body>
  <div id="app">
    <div id="loader-wrapper">
      <div id="loader"></div>
    </div>
  </div>
</body>

</html>